<style>
    /* .top {
        width: 100%;
        height: 120px;
        text-align: center;
    }

    .top p:first-child {
        padding-top: 35px;
        color: #787878;
    }

    .top p:last-child {
        font-size: 25px;
        font-weight: 600;
        line-height: 40px;
    } */

    .list {
        background: white;
    }

    .list ul li {
        display: flex;
        padding-left: 8px;
        font-size: 14px;
        line-height: 3;
        color: #484848;
        border-bottom: 1px solid #f1f1f1;
        align-items: center;
        justify-content: space-between;
    }

    .list ul li i {
        margin-right: 5px;
    }

    .header {
        display: flex;
        border-bottom: 1px solid #ccc;
        background: #fff;
        line-height: 2.8em;
        font-size: 16px;
        text-align: center;
    }

    .header .hd {
        flex: 1;
        border-bottom: 2px solid transparent;
    }

    .header .current {
        border-color: #9a78ea;
        color: #9a78ea;
    }

    .m-content {
        background: #fff;
        font-size: 14px;
        padding: 18px 16px 0 16px;
    }

    .money {
        display: flex;
        justify-content: space-around;
        text-align: center;
        padding: 26px 0;
        border-bottom: 1px solid #f1f1f1;
        font-size: 15px;
        color: #180a33;
        font-weight: bold;
    }

    .money_size {
        font-size: 24px;
    }

    .footer {
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100vw;
        max-width: 750px;
        min-width: 320px;
        ;
        background: #fff;
        line-height: 2;
        color: #673AB7;
        display: flex;
        justify-content: space-around;
    }

    .js-part2 {
        display: none;
    }

    /*.list ul .js-part2{display: none;}*/

    footer>div {
        width: 50%;
        background: #f7f6fb;
        padding-top: 15px;
        font-size: 14px;
    }

    footer img {
        width: 25px;
    }
</style>

<div id="view" v-cloak>
    <section class="m-content">
        <p class="js-part1" style="color: #673AB7;;">
            每当有人付费查看你的相册或向你发红包，所得收益会进入到钱包。每当你举报女士用户成功，系统都会自动把你查看该女士相册或联系方式的费用退回到这里。你可以随时提现（处理时间2
            个工作日内），提现将收取10%手续费。</p>
        <div class="money">
            <div class="part js-part1">
                <p>账户余额</p>
                <p><span class="money_size" id="myMoney">{{myMoney}}</span>元</p>
            </div>
            <div class="part js-part1">
                <p>可提现</p>
                <p><span class="money_size" id="txMoney">{{myMoney}}</span>元</p>
            </div>
        </div>
        <div class="list">
            <ul>
                <li class="js-part1 zfb" onclick="changePay();">
                    <span>支付宝账号：</span>
                    <div>
                        <span class="font-s" v-if="ffInfo.zhifucount == 'null'">立即绑定</span>
                        <span class="font-s" v-if="ffInfo.zhifucount != 'null'">{{ffInfo.zhifucount}}</span>
                        <i class="aui-iconfont aui-icon-right"></i>
                    </div>
                </li>
                <li class="js-part1" @click="_url({url:'frame4/chong_zhi_ji_lu_frame', title:'充值记录'})">
                    <span>充值记录</span>
                    <i class="aui-iconfont aui-icon-right"></i>
                </li>
                <li class="js-part1" @click="_url({url:'frame4/ti_xian_ji_lu_frame', title:'提现记录'})">
                    <span>提现记录</span>
                    <i class="aui-iconfont aui-icon-right"></i>
                </li>
                <li class="js-part1" @click="_url({url:'frame4/gou_mai_ji_lu_frame', title:'购买记录'})">
                    <span>购买记录</span>
                    <i class="aui-iconfont aui-icon-right"></i>
                </li>
            </ul>
        </div>
    </section>
    <footer class="footer">
        <!-- <div style="border-right: 1px solid #fff;" class="flex-col flex-c" @click="_url({balance: myMoney, url: 'frame4/chong_zhi_fu_wu_frame', title:'充值'})"> -->
        <div style="border-right: 1px solid #fff;" class="flex-col flex-c" onclick="showChong()">
            <img src="../image/chong.png" alt="">
            充值
        </div>
        <div class="flex-col flex-c" onclick="tixian()">
            <img src="../image/tixian.png" alt="">
            提现
        </div>
    </footer>
    <div id="js-modal"></div>
</div>
<script type="text/javascript">
    var view = new Vue({
        el: '#view',
        data: {
            imgurl: imgurl,
            ffList: [],
            ffInfo: {},
            myMoney: 0
        },
        methods: {
            _url: function (param, url) {
                _url(param, url);
            },

        }
    })
    getMyMoney();
    judgeLogin()
    // 获取余额
    function getMyMoney() {
        _ajax('user_volley.php', function (ret, err) {
            _log(JSON.stringify(ret));
            _log(JSON.stringify(err));
            if (ret && ret.code == 200) {
                view.myMoney = ret.volley;
                getUserInfo();
            }
        }, {
            user_id: myuserid,
        })
    }


    // 获取提现账号信息
    function getUserInfo() {
        _getUser(function (ret) {
            view.ffInfo = ret.result;
        })
    }

    // 打开提现窗口
    function tixian() {
        if (!view.ffInfo.zhifucount || !parseInt(view.ffInfo.paypwd)) {
            changePay();
            return;
        }
        _url({
            url: 'frame4/ti_xian_frame',
            title: '提现'
        })
    }

    // 修改提现信息
    function changePay() {
        if (!parseInt(view.ffInfo.paypwd)) {
            var name = 'frame4/paypwd';
        } else {
            var name = 'frame4/change_pay';
        }
        $('#js-modal').removeClass('new-hide');
        _load('#js-modal', name)
    }
    // 打开充值
    function showChong() {
        $('#js-modal').removeClass('new-hide');
        _load('#js-modal', 'frame4/show_chong')
    }
    // 关闭模态框
    function closeMoneyFrm() {
        $('#js-modal').addClass('new-hide');
    }
</script>